Szablon przepływu użytkownika

Informacje o szablonie przepływu użytkownika

Diagram przepływu użytkownika (znany również jako diagram interakcji lub przepływu zadań) to proces wizualnego mapowania krok po kroku, określający, co robi użytkownik, aby zakończyć zadanie lub osiągnąć cel przy pomocy produktu lub doświadczenia. 

Tworzenie diagramów przepływu użytkownika może pomóc w interpretacji jakości lub doświadczenia ścieżki, którą wybiera użytkownik. Przepływ może również ujawnić, ile kroków użytkownicy wybierają, aby ukończyć zadanie i jakie ścieżki decydują się podjąć podczas interakcji z Twoim produktem lub usługą w celu rozwiązania problemu. 

Podczas gdy diagramy przepływu użytkowników koncentrują się na tym, jak użytkownik porusza się po określonym produkcie, Szablon schematu ekranowego przedstawia układ strony w stylu wireframe w formie schematu blokowego. 

Co to jest diagram przepływu użytkownika?

Diagramy przepływu użytkowników pomagają zespołom UX i produktów mapować logiczną ścieżkę, którą powinien podążać użytkownik podczas interakcji z systemem. Jako narzędzie wizualne, diagram przepływu użytkownika pokazuje relacje między funkcjonalnością strony internetowej lub aplikacji, potencjalnymi działaniami, które użytkownik może podjąć, a wynikiem decyzji użytkownika. 

Główne elementy przepływu użytkownika to:

• Punkt startowy lub końcowy: wskazuje jasno, gdzie przepływ się zaczyna lub kończy

• Proces lub działanie: pokazuje, jakie kroki wykonuje użytkownik, takie jak „logowanie” lub „zakup”

• Punkty decyzyjne: pokazują, kiedy użytkownik musi dokonać wyboru

• Strzałki: pokazują, dokąd zmierza użytkownik w oparciu o podjęte decyzje

Wypróbuj przepływ użytkownika, jeśli Twój zespół próbuje ocenić lub poprawić, jak istniejące doświadczenie użytkownika może prowadzić do lepszych współczynników konwersji klientów. 

Proces ten może pomóc w pamiętaniu o użytkowniku oraz w precyzyjnym określeniu celu biznesowego, takiego jak zakup, rejestracja do newslettera lub wybór bezpłatnego okresu próbnego.

Kiedy używać szablonu przepływu użytkownika

Diagramy przepływu użytkownika mogą Ci pomóc:  

• Twórz intuicyjne interfejsy: czy Twój przepływ wydaje się łatwy do przechodzenia, wydajny w użyciu i intuicyjny dla użytkownika?

• Zdecyduj, czy obecny interfejs jest odpowiedni do celu: co działa, co nie działa i co wymaga poprawy? Czy przepływ jest płynny i ma sens?

• Zaprezentuj przepływ swojego produktu zespołom wewnętrznym lub klientom: Czy Twój zespół projektowy widzi, co mówi lub robi klient podczas zakupu, rejestracji lub logowania? Czy klienci mogą uzyskać przegląd krok po kroku, aby dostosować się do Twojej wizji?

Podczas tworzenia – lub odtwarzania – przepływu użytkownika, zadaj sobie i swojemu zespołowi pytanie:

• Co użytkownik próbuje zrobić?

• Co jest ważne dla użytkownika i da im pewność, aby kontynuować?

• Jakie dodatkowe informacje są potrzebne użytkownikowi, aby odnieść sukces?

• Jakie są wątpliwości lub bariery użytkownika w realizacji zadania?

Mapa przepływu użytkowników może pomóc projektantom (oraz ich zespołom lub klientom) pozostać skoncentrowanym na użytkownikach, nawet podczas mapowania złożonych procesów. 

Jako projektant możesz używać diagramów przepływu użytkownika, aby zdecydować, jak zaprojektujesz strony, ekrany lub powierzchnie na swojej stronie internetowej lub w aplikacji oraz zaaranżować, jakie treści i zadania nawigacyjne uwzględnić.

Stwórz własny diagram przepływu użytkownika

Mapowanie własnego przepływu użytkownika jest łatwe. Wizualna przestrzeń robocza Miro to idealna plansza do tworzenia i udostępniania diagramów. Zacznij od wybrania szablonu przepływu użytkownika, a następnie wykonaj poniższe kroki, aby stworzyć własny:

Ustal swoje cele biznesowe i cele użytkowników. 

Zastanów się, gdzie chcesz, aby Twoi użytkownicy się znaleźli. Jeśli jeszcze jej nie masz (lub potrzebujesz ją zaktualizować), użyj mapy podróży klienta, aby stworzyć wspólną wizję doświadczeń klienta. Każdy członek zespołu może skorzystać ze wspólnego zrozumienia uczuć klientów na każdym potencjalnym punkcie kontaktu z produktem lub usługą. Budowanie empatii użytkowników wpłynie na każdy krok w procesie przepływu użytkownika. 

Odkryj, jak odwiedzający znajdują Twoją stronę internetową. 

Czy znajdują Twój produkt lub usługę poprzez ruch bezpośredni, organiczne wyszukiwanie, płatną reklamę, media społecznościowe, linki referencyjne czy e-maile? Te punkty będą początkiem Twojego diagramu przepływu użytkownika, w zależności od tego, co odkryjesz. 

Dowiedz się, jakich informacji potrzebują Twoi użytkownicy i kiedy ich potrzebują. 

Użytkownicy się konwertują, gdy otrzymują właściwe informacje we właściwym czasie, więc zastanów się, czego Twój klient oczekuje od cyfrowego punktu styku i jakie mogą być jego odczucia. Zaangażowanie – na przykład interakcja z chatbotem – to nadal potencjalna miara sukcesu – nie zawsze chodzi o doprowadzenie do ostatecznego zakupu.

Zmapuj swój przepływ użytkownika. 

Możesz edytować istniejące kształty i strzałki z naszego szablonu przepływu użytkownika, aby dostosować je do badań użytkowników, które przeprowadziłeś w poprzednich krokach. Po tym, jak klient odkryje Twój pierwszy punkt styku, co robi dalej? Ile kroków do zakończenia zadania? Użyj podstawowego przepływu użytkownika w szablonie, aby zacząć tworzyć własny. Zmień punkty styku, miejsca zakończenia oraz kierunki strzałek na liniach łączących, aby lepiej dopasować je do swojego diagramu przepływu użytkownika.

Uzyskaj opinię od swojego zespołu.

Zaproś swój zespół, klientów lub wielozadaniowych stakeholderów do wyświetlania Twojej tablicy Miro. Możesz wybrać, aby przekazywać opinię asynchronicznie za pomocą karteczek lub @wzmianek do przeglądu przez współpracowników. Możesz także dołączyć do rozmowy wideo na swojej tablicy Miro i przydzielić komuś z Twojego zespołu rolę osoby robiącej notatki. Gdy uzyskasz wystarczającą ilość informacji od zespołu, wprowadź stosowne zmiany.

Udostępniaj innym stakeholderom lub klientom i iteruj według potrzeby.

Przepływ użytkownika będzie ewoluował z czasem, gdy postawy i motywacje klientów będą się zmieniać. Dostosuj się odpowiednio, pozostając zorientowanym na użytkownika.